@font-face {font-family: 'PingFangHK-Regular';    src: url('*.eot'); /* IE9*/
    src: url('*.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('*.woff2') format('woff2'), /* chrome、firefox */
    url('*.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('*.svg#iconfont') format('svg'); /* iOS 4.1- */}
.van-cell {
    .van-cell__value {
        .van-field__error-message {
            text-align: right;
        }
    }

    &.van-field--error {
        .van-field__control {
            color: #ccc;
            -webkit-text-fill-color: currentColor;

            &::placeholder {
                color: #ccc;
                -webkit-text-fill-color: currentColor;
            }
        }
    }
}

.achievements-form {
    .van-cell {
        padding-left: 0;
    }

    .van-cell--required {
        &::before {
            left: -8px;
        }
    }
}

.van-field__label {
    width: 122px;
}

.achievements-textarea {
    display: flex;
    flex-direction: column;

    .van-field__value {
        .van-field__body {
            .van-field__control {
                .van-field {
                    margin-top: 10px;
                    padding: 10px;
                    border: 1px solid #e6e9ee;
                }
            }
        }
    }

    &:after {
        display: none;
    }
}

.achievements-box {
    border-radius: 8px !important;

    .title-box {
        h6 {
            font-weight: 600 !important;
        }
    }

    &>h2 {
        font-weight: 600 !important;
    }
}

.achievements-header {
    .title {
        font-weight: 600;
    }
}

.achievements-upload {
    padding-top: 0;
    .van-uploader {
        margin-top: 0 !important;
        .upload-bnt {
            margin-top: 0;
        }
    }
}

.upload-btn {
    .van-uploader {
         .van-uploader__wrapper {
             .upload-bnt {
                margin-top: 0;
            }
        }

    }
}

.je-field {
    .van-field__label {
        width: 200px;
    }
}
.xynr-box {
    .van-field__label {
        width: 100%;
    }
}

.float-left {
    .van-cell__value {
        text-align: left;
        padding: 10px;
        border: 1px solid #ebedf0;
        border-radius: 5px;
    }
}

.textarea-title {
    .van-field__label {
        width: 100% !important;
    }
}

.textarea {
    border: 1px solid #ebedf0;
}


/*
    步骤条
*/

.step-wrap {
    padding: 15px;
    background: #fff;
    border-radius: 8px;
    .v-step-warp-horizontal {
        .v-step-progress-bg {
            position: relative;
            &:before, &:after {
                content: '';
                position: absolute;
                top: 0;
                width: 12.5%;
                height: 100%;
                background-color: #fff;
                z-index: 1;
            }
            &:before {
            left: 0;
        }
            &:after {
                right: 0;
            }
        }
        .v-step-list{
            display: flex;
            flex-direction: inherit;
            .v-step-item {
                display: flex;
                flex-direction: column;
                .v-step-item-label {
                    flex: 1;
                    white-space: inherit;
                }
            }
        }
        .v-step-item-number {
            position: relative;
            z-index: 2;
        }
        .v-step-item-label {
            .v-step-item-label {

            }
        }
    }
}
